<template>
  <div class="whl-subsidy-container scroll-view">
    <customHeader :middleTitle="title" @leftCallBack="goBack" :customizedStyle="customizedStyle" :leftStyle="leftStyle"/>
    <div class="page-body">
      <div class="whl-title-box">
        <h2>张家口银行</h2>
        <h2>订单融资产品介绍</h2>
      </div>
      <div class="whl-content">
        <p>"订单融资”产品，是张家口银行与同福集团合作，为同福集团下游全国经销商及终端店依据订单采购金额支持商品采购为用途的贷款产品，贷款办理方式为线下办理，无抵押信用贷款。贷款利息年化不高于6.5%，额度最高30万，贷款期限最长6个月，授信期3年，每月付息，到期( 6个月 )一次性还本。</p>
      </div>
      <div class="whl-content">
        <h3>准入条件</h3>
        <p>1、已注册云商的终端店，必须有实体经营店面且有云商平台采购数据( 年度商品采购金额30%为上限)。</p>
        <p>2、营业执照注册时间26个月，从事行业经历1年以上 。</p>
        <p>3、申请人年龄23~59周岁，(此笔贷款合同结束时不超60周岁)征信良好。</p>
        <p>4、云商注册手机号必须与法人贷款申请手机号保持一致，且应是法人实名认证手机号。</p>
        <p>5、无其他信用货款。</p>
      </div>
      <div class="whl-content">
        <h3>准备资料</h3>
        <p>贷款人身份证复印件正反面在一页纸(必须是复印件，不能是照片制作)、营业执照原件扫描件( 或照片 ) 文件。</p>
      </div>
    </div>
  </div>
</template>
<script>
import customHeader from "../../components/header/header.vue";
import jsBridge from "../../tools/jsBridge";

export default {
  components: {customHeader},
  data() {
    return {
      title: '货款政策',
      customizedStyle: {
        backgroundColor: '#D81212',
        color: '#fff'
      },
      leftStyle: {
        color: '#fff'
      }
    }
  },
  methods: {
    goBack() {
      if (String(this.$route.query.close) === 'true') {
        jsBridge.closeWindow();
      } else {
        this.$router.back();
      }
    }
  }
}
</script>
<style lang="scss">
@import '../../style/public';

.whl-subsidy-container {
  width: 100%;
  height: 100%;
  overflow: hidden;

  .whl-title-box {
    width: 100%;
    height: pw(211);
    background: url("../../assets/images/bank-bg.png") left top / cover no-repeat;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding-top: pw(40);
    box-sizing: border-box;

    & > h2 {
      width: 100%;
      height: pw(40);
      line-height: pw(40);
      text-align: center;
      text-shadow: 0 pw(1) pw(2) #EB3F3F;
      font-family: PingFang SC, serif;
      font-size: pw(28);
      font-weight: 600;
      color: #fff;
      background: linear-gradient(180deg, #FFC0C0 0%, #FFCECE 17.93%, #FFF 87.19%);
      background-clip: text;
      -webkit-background-clip: text;
    }
  }

  .whl-content {
    width: pw(355);
    height: auto;
    overflow: hidden;
    border-radius: pw(10);
    background: #FFF;
    margin: 0 auto;
    padding: pw(10);
    box-sizing: border-box;
    transform: translateY(pw(-50));
    margin-bottom: pw(10);

    & > h3 {
      width: 100%;
      height: pw(40) !important;
      display: flex;
      align-items: center;
      color: #262626;
      font-size: pw(14);
      font-weight: 500;
      box-sizing: border-box;

      &:before {
        content: '';
        display: block;
        width: pw(4);
        height: pw(12);
        border-radius: pw(4);
        background: #FF211A;
        margin-right: pw(5);
      }
    }

    & > p {
      width: 100%;
      height: auto;
      overflow: hidden;
      color: #262626;
      text-align: justify;
      font-family: PingFang SC, serif;
      font-size: pw(14);
      font-weight: 400;
      line-height: pw(22);
    }

    & > ul {
      width: 100%;
      height: auto;
      color: #262626;
      text-align: justify;
      font-family: PingFang SC, serif;
      font-size: pw(14);
      margin-top: pw(5);

      & > li {
        width: 100%;
        height: auto;
        line-height: pw(22);
      }
    }
  }
}
</style>
